<link rel="stylesheet" type="text/css" href="css/zqcaseBar_RelatePerson.css"/>
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>
<style>

    /*.body{*/
        /*margin-top: 45px;*/
    /*}*/
    .btn-confirm{
      background: #5dc2ae;
    }
    .btn-confirm:hover{
      background: #5dc2ae;
    }
</style>

<!--相关人员页面-->

<div class="body">
  <!--<div class="y-relaTit-top">-->
    <!--<span>请添加本案涉及的角色：</span>-->
    <!--<a class="active">原告</a>-->
    <!--<a>被告</a>-->
    <!--<a>审判人员</a>-->
  <!--</div>-->
  <!--当事人-->
  <div class="dsr pull-left">
      <div class="header zqBorderBottom">
        <img class="imgL" src="img/zqselectcover.png" alt="">当事人 <span>{{dsrIsYG}}</span>
        <img class="zimgR pull-right oneImg hide" src="img/xie.png" alt="" ng-click="updateDSR()" >
      </div>
      <div class="contentBody onecontentBody">
          <ul class="dsrul">
              <li class="dsrli zqBorderBottom" ng-repeat="dsr in dsrList">
                  <!--ng-click="editDSPeople(dsr.caseclientname,$event,1)" 在div里面的-->
                  <div id="DSname" class="name"><span>{{dsr.caseclientname}}</span></div>
                  <!--<input type="text" ng-model="dsr.caseclientname" class="oneInput">-->
                  <!--<input type="text" ng-model="dsr.caseclientname" class="DSPeople" id="ds{{dsr.id}}"-->
                         <!--ng-keypress="keyDSPeople($event,dsr.caseid,dsr.id,dsr.caseclientname,1,$index)">-->
                  <img ng-show="type != 7" class="pull-right" src="img/ajb_jianhao.png" alt=""
                       ng-click="deleteDSR(dsr.id,dsr.caseclientname,$index)" >
              </li>
          </ul>
      </div>
      <div id="btn-add-yg" class="footerAdd" ng-click="NaturalPerOpen()">
          <span><img src="img/add.png" alt="" />增加</span>
          <!--<img src="img/lawyer-close-calendar.png" alt=""  class="footerAdd-fr"/>-->
      </div>
      <!--//当事人的底部-->
      <div class="personpeplAddBox">
          <ul class="eplAddUl clearfix">
              <li  class="addpeople active">
                <img src="img/pepleactiveicon.png" />
                <span>自然人</span>
              </li>
              <li class="addcompany"><img src="img/companyicon.png"/><span>机构</span></li>
          </ul>
          <div class="eplAddbody">
              <!--个人-->
              <div class="eplAddDivli">
                  <ul class="clearfix eplAddDivliUl">
                      <li class="active">直接选择</li>
                      <li>添加</li>
                  </ul>
                  <div class="eplAddDivDiv">
                      <!--直接选择-->
                      <div  class="eplAddDivliIn peoeplAddDivliIn">
                          <input maxlength="50" ng-enter="searchPeople2KHBZ()" class="form-control " placeholder="请输入委托人的姓名" ng-model="searchPeoInput" />
                          <ul class="addPeopleList">
                              <li ng-repeat="user in zusers | filter:searchPeoInput">
                                  <div class="radio" style="margin: 0">
                                      <label>
                                          <input name="gender" type="radio" class="ace">

                                          <span class="lbl" ng-click="addDSRAppleSPer(user.name,user.id)"></span>
                                          <span class="nameSpan">{{user.name}}</span><!--ng-click="addDSRAppleSPer(user.name)"-->
                                      </label>
                                  </div>
                              </li>
                          </ul>
                      </div>
                      <!--添加-->
                      <div   class="eplAddDivliIn hide">
                          <input maxlength="50" class="form-control" placeholder="请输入委托人的姓名" ng-model="addNaturalPer.name" /><!--addDSRAppleInput-->
                          <input class="form-control" style="margin-top: 5px" name="mobile" maxlength="11" ng-blur="checkMobileNaturalPer()" placeholder="请输入手机号码" ng-model="addNaturalPer.contactnumber" /><!--addDSRPhoneInput-->
                          <span style="color: red;margin: 5px 8px;" ng-show="phoneEmpty">手机号码不能为空</span>
                          <span style="color: red;margin: 5px 8px;" ng-show="phoneValid">请输入有效的手机号码</span>
                          <div  class="eplAddDivBtn">
                            <button class="dsrsave" ng-click="savePersonnelPer(addNaturalPer)">保 存</button><!--addDSRAppleI-->
                            <a>取 消</a>
                          </div>
                      </div>
                  </div>
              </div>
              <!--公司-->
              <div  class="eplAddDivli hide">
                  <ul class="clearfix eplAddDivliUl">
                      <li value="1" class="active">直接选择</li>
                      <li value="2">添加</li>
                  </ul>
                  <div class="eplAddDivDiv">
                      <!--直接选择-->
                      <div class="eplAddDivliIn cuseplAddDivliIn">
                          <input maxlength="50" ng-enter="searchPeople2KHBF()" class="form-control " placeholder="请输入委托人的姓名" ng-model="searchcusInput"/>
                          <ul class="addPeopleList ">
                              <li ng-repeat="user in fusers | filter:searchcusInput">
                                  <div class="radio" style="margin: 0" >
                                      <label>
                                          <input name="gender" type="radio" class="ace">

                                          <span class="lbl" ng-click="addDSRComSPer(user.companyname,user.id)"></span>
                                          <span class="comSpan">{{user.companyname}}</span>
                                      </label>
                                  </div>
                              </li>
                          </ul>
                      </div>
                      <!--添加-->
                      <div  class="eplAddDivliIn hide">
                          <input maxlength="50" class="form-control " placeholder="请输入机构名称" ng-model="addOrganiza.companyname"/><!--addDSRComNameInput-->
                          <input maxlength="50" class="form-control " style="margin: 5px 8px" placeholder="请输入委托人的姓名" ng-model="addOrganiza.contactname"/><!--addDSRComPerNameInput-->
                          <input class="form-control " placeholder="请输入委托人的手机号码" name="mobile" maxlength="11" ng-blur="checkMobileOrganiza()" ng-model="addOrganiza.contactphone"/><!--addDSRComPhoneInput-->
                          <span style="color: red;margin:5px 8px;" ng-show="phoneEmpty">手机号码不能为空</span>
                          <span style="color: red;margin:5px 8px;" ng-show="phoneValid">请输入有效的手机号码</span>
                          <div  class="eplAddDivBtn">
                              <button ng-init="addOrganiza.customerGroupId=-1"  ng-click="savePersonnelOrganiza(addOrganiza)" class="dsrsave">保 存</button><!--addDSRComI-->
                              <a>取 消</a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <!-- <div class="y-pepaddbox2" style="float:right;" ng-show="showModule.addModule">
      <dl class="clearfix">
        &lt;!&ndash;<dt class="floatL">添加委托人</dt>&ndash;&gt;
        <dd class="floatL" ng-click="NaturalPerOpen()" >自然人</dd>
        <dd class="floatL"  ng-click="OrganizaOpen()">机构</dd>
      </dl>
      &lt;!&ndash;自然人搜索&ndash;&gt;
      <div  ng-show="showModule.showPerInput">
        <div class="y-L_search2">
          <input type="text" placeholder="请输入委托人" ng-keyup="caseBarNaturalPer()"  ng-model="searchName.name">
          <ul ng-show="showModule.searchList" class="wt-scroll">
            <li class="clearfix" ng-repeat="searchNaturalPer in searchNaturalPerList" style="cursor: pointer" ng-click="selectConsigner(searchNaturalPer, 1)">
              <div class="y-L_searchL2">
                <p style="margin:0 0 3px">
                  <img src="../../img/L_momentTX.png" alt="">
                  <span class="y-L_surname2" style="color: #ffffff">{{searchNaturalPer.name | limitTo:1:1}}</span>
                  <span>{{searchNaturalPer.name}}</span>
                </p>
              </div>
              <div class="y-L_searchR2">
                <p>{{searchNaturalPer.phone}}</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="y-L_searchNewCase2" ng-show="showModule.createPer">
          <span>无匹配项请点击创建</span>
          <button class="y-L_caseBtn2" ng-click="createNewPer()">创建</button>
        </div>
      </div>
      &lt;!&ndash;自然人&ndash;&gt;
      <div class="y-L_naturalPer2" ng-show="showModule.naturalPer" style="margin-left: 20px;">
        <div class="y-L_naturalPerAdd2">
          <ul>
            <li class="clearfix"  style="margin-top: 10px;">
              <div class="y-L_organizaL2" style="margin-left: 0px;">
                <span>委托人:</span>
              </div>
              <div class="y-L_naturalPerR2">
                <input type="text" placeholder="请输入委托人" ng-model="addNaturalPer.name">
              </div>
            </li>
            <li class="clearfix"  style="margin-top: 10px;">
              <div class="y-L_organizaL2"  style="margin-left: 0px;">
                <span>手机号:</span>
              </div>
              <div class="y-L_naturalPerR2">
                <input type="text" placeholder="请输入手机号码" ng-model="addNaturalPer.contactnumber">
              </div>
            </li>
          </ul>
          <div class="y-L_organizaBtn2" style="margin-top: 10px;">
            <a href="javascript(0)" data-dismiss="modal" aria-label="Close" ng-click="">取消</a>
            <button ng-click="savePer()">确定</button>
          </div>
        </div>
      </div>
      &lt;!&ndash;机构搜索&ndash;&gt;
      <div  ng-show="showModule.showOrganizaInput">
        <div class="y-L_search2">
          <input type="text" placeholder="请输入机构" ng-keyup="caseBarOrganiza()"  ng-model="searchOrganizaName.name">
          <ul ng-show="showModule.searchOrgList" class="wt-scroll">
            <li class="clearfix" ng-repeat="searchOrganiza in searchOrganizaList" style="cursor: pointer" ng-click="selectConsigner(searchOrganiza, 3)">
              <div class="y-L_searchL2">
                <p>
                  <img src="../../img/L_momentTX.png" alt="" style="margin-top: -16px;">
                  <span class="y-L_surname2" style="color: #ffffff">{{searchOrganiza.cnt}}</span>
                    <span style="width:120px; display: inline-block; margin-top: 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap ">
                      {{searchOrganiza.name}}
                    </span>
                </p>
              </div>
              <div class="y-L_searchR2">
                <p>{{searchOrganiza.phone}}</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="y-L_searchNewCase2" ng-show="showModule.createOrganiza">
          <span>无匹配项请点击创建</span>
          <button class="y-L_caseBtn2" ng-click="createNewOrganiza()">创建</button>
        </div>
      </div>
      &lt;!&ndash;机构&ndash;&gt;
      <div class="y-L_organiza2" ng-show="showModule.organiza">
        <ul>
          <li class="clearfix">
            <div class="y-L_organizaL2">
              <span>机构名称: </span>
            </div>
            <div class="y-L_organizaR2">
              <input type="text" placeholder="请输入机构名称" ng-model="addOrganiza.companyname">
            </div>
          </li>
          <li class="clearfix">
            <div class="y-L_organizaL2">
              <span>联系人:</span>
            </div>
            <div class="y-L_organizaR2">
              <input type="text" placeholder="请输入法人名称" ng-model="addOrganiza.contactname">
            </div>
          </li>
          <li class="clearfix">
            <div class="y-L_organizaL2">
              <span>手机号:</span>
            </div>
            <div class="y-L_organizaR2">
              <input type="text" placeholder="请输入手机号码" ng-model="addOrganiza.contactphone">
            </div>
          </li>
        </ul>
        <div class="y-L_organizaBtn2" style="margin-left: 154px">
          <a href="javascript:void(0);" data-dismiss="modal" aria-label="Close" ng-click="CaseButtonClose()">取消</a>
          <button ng-click="saveOrganiza()">确定</button>
        </div>
      </div>
    </div>-->
  </div>
  <!--对方当事人-->
  <div class="persondfdsr pull-left">
      <div class="header zqBorderBottom"><img class="imgL" src="img/zqselectcover.png" alt="">对方当事人 <span>{{dfdsrIsYG}}</span><img class="zimgR pull-right towImg hide" src="img/xie.png" alt="" ng-click="updateDFDSR()"></div>
      <div class="contentBody towcontentBody">
          <ul class="dsrul">
              <li class="dsrli zqBorderBottom" ng-repeat="dfdsr in dfdsrList">
                <!--ng-click="editDSPeople(dfdsr.adversaryclientname,$event,2)"-->
                  <div id="DFname" class="name"><span>{{dfdsr.adversaryclientname}}</span></div>
                  <!--<input type="text" ng-model="dsr.caseclientname" class="oneInput">-->
                  <!--<input id="ds{{dfdsr.id}}" type="text"    ng-model="dfdsr.adversaryclientname" class="DFSPeople"-->
                         <!--ng-keypress="keyDSPeople($event,dfdsr.caseid,dfdsr.id,dfdsr.adversaryclientname,2,$index)">-->
                  <img ng-show="type != 7" ng-click="deleteDFDSRPer(dfdsr.id,dfdsr.adversaryclientname)" class="pull-right" src="img/ajb_jianhao.png" alt="" data-toggle="modal" data-target="#myModal_dfdsr">
              </li>
          </ul>
      </div>
      <div id="btn-add-dfdsr" class="footerAdd">
          <img src="img/add.png" alt=""><span>增加</span>
      </div>
      <div class="footerAddBox footerAddBox2">
          <input maxlength="50" class="dsrInput form-control" type="text" placeholder="  请输入当事人" ng-model="addDFDSRInput">
          <button class="dsrsave" ng-click="addDFDSR()">保 存</button>
          <button class="dsrcannel">取 消</button>
      </div>
  </div>
  <!--审判人-->
  <div class="spr pull-left">
      <div class="header zqBorderBottom"><img class="imgL" src="img/zqselectcover.png" alt="">审判人员<img class="zimgR pull-right threeImg hide" src="img/xie.png" alt=""></div>
      <div class="contentBody threecontentBody">
          <ul class="dsrul">
              <li class="dsrli zqBorderBottom" ng-repeat="spr in sprList">
                  <div class="name" >
                      <div ng-class="setStyle('{{spr.judgerole}}')">{{spr.judgerole}}
                      </div>
                      <!--ng-click="editDSPeople(spr.judgename,$event,3)"-->
                      <span id="SPRname" >
                      {{spr.judgename}}</span>
                      <!--<input id="ds{{spr.id}}" type="text"  ng-model="spr.judgename" class="SPRPeople"-->
                             <!--ng-keypress="keyDSPeople($event,spr.caseid,spr.id,spr.judgename,3)">-->
                  </div>

                  <img ng-show="type!=7" class="pull-right" src="img/ajb_jianhao.png" alt=""
                       data-toggle="modal" data-target="#myModal_spr" ng-click="deleteSPR(spr.id,spr.judgename)">
              </li>
          </ul>
      </div>
      <div id="btn-add-sp" class="footerAdd">
          <img src="img/add.png" alt=""><span>增加</span>
      </div>
      <div class="footerAddBox footerAddBox3">
          <input maxlength="50" class="dsrInput" type="text" placeholder="  请输入当事人" ng-model="addSPRInput">
          <div class="parent1 pull-right">
              <select class="splist">
                  <option>审判长</option>
                  <option>审判员</option>
                  <option>书记员</option>
                  <option>代理审判员</option>
                  <option>人民陪审员</option>
              </select>
          </div>
          <button class="dsrsave" ng-click="addSPR()">保 存</button>
          <button class="dsrcannel">取 消</button>
      </div>
  </div>
  <!--第三人-->
  <div class="dsanr pull-left">
        <div class="header zqBorderBottom"><img class="imgL" src="img/zqselectcover.png" alt="">第三人<img class="zimgR pull-right foreImg hide" src="img/xie.png" alt=""></div>
        <div class="contentBody forecontentBody">
            <ul class="dsrul">
                <li class="dsrli zqBorderBottom" ng-repeat="dsanr in dsanrList">
                    <div class="name">
                        <!-- ng-click="editDSPeople(dfdsr.adversaryclientname,$event,4)"-->
                        <span id="DSRname">{{dsanr.thirdpartyname}}</span>
                        <!--<input id="ds{{dsanr.id}}"   type="text" ng-model="dsanr-->
                        <!--.thirdpartyname" class="DSRPeople"-->
                               <!--ng-keypress="keyDSPeople($event,dsanr.caseid,dsanr.id,dsanr-->
                        <!--.thirdpartyname,4)">-->
                    </div>
                    <!--<input type="text" ng-model="dsanr.thirdpartyname" class="foreInput">-->
                    <img ng-show="type != 7" class="pull-right" src="img/ajb_jianhao.png" alt=""
                         data-toggle="modal" data-target="#myModal_dsf" ng-click="deleteDSANR(dsanr.id,dsanr.thirdpartyname)">
                </li>
            </ul>
        </div>
        <div id="btn-add-third" class="footerAdd">
          <img src="img/add.png" alt=""><span>增加</span>
        </div>
        <div class="footerAddBox footerAddBox4">
          <input maxlength="50" class="dsrInput" type="text" placeholder="添加第三人" ng-model="addDSANRInput">
          <button class="dsrsave" ng-click="addDSANR()">保 存</button>
          <button class="dsrcannel">取 消</button>
        </div>
</div>
</div>
